@import '../../common';

.geomap-widget-control-height {
  position: absolute;
  z-index: 11;
  right: 90px;
  top: 100px;

  &__content {
    width: 300px;
    height: 240px;
    border-radius: 5px;

    &-title {
      color: rgba(255, 255, 255, 1);
      margin-bottom: 10px;
      padding-left: 20px;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      text-align: left;
    }
    &-close {
      position: absolute;
      right: 20px;
      color: rgba(255, 255, 255, 0.3);
      font-size: 24px;
      cursor: pointer;
    }
    .esri-sketch__button {
      width: auto;
      font-size: 14px;

      &:focus {
        color: #6e6e6e;
        background-color: transparent;
      }
      > .esri-icon-cursor,
      > .esri-icon-trash {
        margin-right: 6px;
      }
      &.active {
        color: @primary_color;
      }
      &.active:focus {
        color: @primary_color;
      }
      &.active:hover {
        color: @primary_color;
        background-color: @hover_background;
      }
    }
  }
}
